<!--
 * @Author: ranjianglai
 * @Date: 2023-01-12 14:11:32
 * @Description: 
-->


<template>
    <view class="cus-page">
        <view v-if="datas.title" class="com-p-b-32 title">
            <text class="com-font-32 com-font-bold">支付方式</text>
        </view>
        <view v-for="(item,index) in datas.list" :key="index" class="com-m-t-30 com-flex com-row-between">
            <text class="com-minor-color">{{item.title}}</text>
            <view class="com-flex" style="max-width:70%">
                <text>{{item.value}}</text>
                <view v-if="item.type=='detail'" class="com-m-l-16">
                    <u-icon name="arrow-right" color="#666" size="28rpx" top="2rpx"></u-icon>
                </view>
                <view v-if="item.type=='copy'" class="com-m-l-16">
                    <u-icon name="order" color="#02BDF3" size="36rpx" top="2rpx"></u-icon>
                </view>
            </view>
        </view>
    </view>
</template>


<script>
export default {
    name:'rowList',
    components: {},
    props:{
        datas: {
            type: Object,
            default: ()=>{
                return{
                    title: "",
                    list: []
                }
            }
        }
    },

    data () {
        return {
        }
    },

    computed: {},
    watch: {},

    mounted() {},

    methods: {},
}
</script>


<style scoped lang='scss'>
    .cus-page{
        background: #fff;
        border-radius: 24rpx;
        padding: 32rpx;
        .title{
            border-bottom: 1px solid #F8F8F8;
        }
    }
</style>